<!DOCTYPE html>
<html>
<head>
	<title>Maths Project</title>
	<script src="JS/script.js"> </script>
	<script src="JS/scorectr.js"> </script>
</head>

<body bgcolor="black">
	<img src="Files/tile.png" id="bg_sprite" style="display:none"/>
		
	<center>
		<div style="display:inline">
			<canvas id="canvas" width="640" height="480" ></canvas> 
		    <canvas id="ScoreBoard" width="100" height="480" style="background:black" > </canvas>
			<br><input type="text" id="char" autofocus="autofocus" size="1"/><span id="unicode" style="display:none"> </span>
			<script src="JS/key_handle.js"> </script>
		</div>
		<br>
		
		<div id="controls">
			<style type="text/css">
				td {
					width:50px;
					text-align:center;
				}
			</style>
			
			<table border="0" style="font-family:Ubuntu" cellspacing="0" >
				<tr style="background:blue;height:50px;">  <td onclick='TurnTo("up+right")' > &#8598; </td>  <td onclick='TurnTo("up")'> &uarr; </td>  <td onclick='TurnTo("up+left")'> &#8599; </td></tr>
				<tr style="background:blue;height:50px;">  <td onclick='TurnTo("right")'> &larr; </td>  <td></td>  <td onclick='TurnTo("left")'> &rarr; </td> </tr>
				<tr style="background:blue;height:50px;">  <td onclick='TurnTo("down+right")'> &#8601; </td>  <td onclick='TurnTo("down")'> &darr; </td>  <td onclick='TurnTo("down+left")'> &#8600; </td></tr>
			</table>
		</div>
		
		
		<div id="speed_controls" style="display:none">
			<button onclick="CtrlSpeed(1)" width="75" accesskey="A" > Accelarate </button> <button onclick="CtrlSpeed(-1)" width="75" accesskey="S"> Retard </button> 
		</div>
	</center>
</body>
</html>
